/*banner*/
/*banner start*/
.flexslider { margin: 0px auto 0px; position: relative; width: 100%; height: 600px; overflow: hidden; zoom: 1; }
.flexslider .slides li { width: 100%; height: 100%; }
.flex-direction-nav a { width: 70px; height: 70px; line-height: 99em; overflow: hidden; margin: -35px 0 0; display: block; background: url(../images/ad_ctr.png) no-repeat; position: absolute; top: 50%; z-index: 10; cursor: pointer; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .3s ease; border-radius: 35px; }
.flex-direction-nav .flex-next { background-position: 0 -70px; right: 0; }
.flex-direction-nav .flex-prev { left: 0; }
.flexslider:hover .flex-next { opacity: 0.8; filter: alpha(opacity=25); }
.flexslider:hover .flex-prev { opacity: 0.8; filter: alpha(opacity=25); }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; filter: alpha(opacity=50); }
.flex-control-nav { width: 100%; position: absolute; bottom: 10px; text-align: center; }
.flex-control-nav li { margin: 0 2px; display: inline-block; zoom: 1;  *display: inline;
}
.flex-control-paging li a { background: #aaa; display: block; height: 10px; overflow: hidden; text-indent: -99em; width: 10px; cursor: pointer; -webkit-transition: all 0s ease; border-radius: 10px; }
.flex-control-paging li a.flex-active, .flex-control-paging li.active a { background: #C00005; }
.flexslider .slides a img { width: 100%; height: 600px; display: block; }
/*banner end*/
/*搜索*/
.search { height: 60px; padding-bottom: 10px; padding-top: 10px; overflow: hidden; border-bottom: 1px solid #ccc }
.searFont { width: 780px; overflow: hidden; line-height: 40px }
.searFont strong { color: #000; font-weight: 400 }
.searFont a { color: #888; margin: 0 8px }
.searFont a:hover { color: #c52733 }
.soBox { float: right; width: 325px; position: relative; margin-top: 1px; border-radius: 3px; overflow: hidden; }
.soBox input { width: 100%; height: 38px; line-height: 38px \9; border: 0; border: 1px solid #ccc; padding: 0 60px 0 10px; }
.soBox .btn { width: 49px; height: 38px; right: 0; top: 0px; position: absolute; border: 0; outline: 0; cursor: pointer; background: #006ad1 url(../images/ico-so.png) no-repeat center center; }
/*标题统一使用部分*/
.homeHy { background: url(../images/hybg.jpg) center top; height: 980px; margin-top: 0 }
.hyTitle { position: relative; text-align: center; padding-top: 70px }
.hyTitle .tit, .hyTitle p, .hyList dl dd { color: #333; }
.hyTitle .tit span { color: #ff5600; font-size: 52px; padding: 0 4px 0 4px; }
.hyTitle .tit { font-size: 40px; line-height: 2; color: #333; font-weight: bold; }
.hyTitle p { font-size: 25px; letter-spacing: 5px; height: 50px; line-height: 50px; position: relative; }
.homeCase { padding: 60px 0 70px; background-color: #fff }
.homeTitle { position: relative; text-align: center }
.homeTitle .tit { font-size: 40px; line-height: 50px; color: #333; font-weight: bold; }
.homeTitle p { font-size: 16px; line-height: 30px; color: #888; position: relative; overflow: hidden }
.homeTitle p span { position: relative; display: inline-block; padding: 0 20px }
.homeTitle p span:after, .homeTitle p span:before { content: ""; overflow: hidden; height: 1px; background-color: #ddd; position: absolute; top: 50% }
.homeTitle p span:before { left: -1000px; right: 100% }
.homeTitle p span:after { right: -1000px; left: 100% }
.homeTitle h6 { font-size: 16px; line-height: 40px; color: #555 }
.homeTitle h6 span { color: #da251d }
/*产品中心*/
.caseBox { padding-top: 30px }
.caseTitle { background-color: #ff5600 }
.caseCo { margin-top: 50px }
.caseContent dl dt { width: 500px; height: 320px; float: left }
.caseContent dl dt img { width: 500px; height: 320px }
.caseContent dl dd { width: 660px; height: 320px; float: left; margin-left: 40px; position: relative }
.caseContent dl dd h3 { padding: 60px 0 30px }
.caseContent dl dd h3 a { font-size: 22px; height: 40px; color: #333 }
.caseContent dl dd h3 a:hover { color: #da251d; text-decoration: none }
.caseContent dl dd p { font-size: 15px; text-align:justify;line-height: 2; color: #888 }
.homeProduct { background-color: #fff; padding: 60px 0 70px }
.proLIst { position: relative; padding-top: 20px }
.proIn { background-color: #fff; position: relative; width: 390px; float: left; margin: 19px 15px 0 0; box-shadow: 0 4px 0 0 #d4d4d4 }
.proIn:nth-child(3n) { margin-right: 0 }
.proIn dl { position: relative; padding-bottom: 50px }
.proIn dl dt { height: 390px }
.proIn dl dt img { width: 100%; height: 390px }
.proIn dl dd { font-size: 14px; line-height: 40px; color: #333; position: absolute; left: 20px; bottom: 10px; right: 20px; text-align: center }
.proIn em { position: absolute; right: 0; top: 0; width: 24px; height: 24px; background-image: url(../images/pro-tipa.png); background-repeat: no-repeat; background-position: left top; z-index: 5 }
.proIn span { position: absolute; right: 0; bottom: 0; left: 0; top: 0; -ms-transition-duration: .3s; transition-duration: .3s; background-color: rgba(12, 25, 85, .8); display: none; background-image: url(../images/link.png); background-repeat: no-repeat; background-position: 50% 50% }
.proIn a:hover em { background-image: url(../images/pro-tipb.png) }
.proIn a:hover span { display: block }
/*关于我们介绍*/
.homeHyab { background: none; height: 945px; }
.caseContent dl dd.dd1 { width: 48%; margin-right: 1%; margin-left: 1%; height: 565px; }
.caseContent dl dd.dd1 p.en { color: #ff5600; font-size: 48px; line-height: 50px; }
.caseContent dl dd.dd1 p.zh { border-bottom: 1px solid silver; height: 50px; line-height: 50px; font-size: 20px; margin-top: 5px; }
.caseContent dl dd.dd1 p.zw { margin-top: 15px; font-size: 16px; line-height: 32px; }
.homeHyab .caseContent { display: block; margin-top: 20px; }
.homeAbout { position: relative; background: radial-gradient(silver, #333) }
.homeAbout .wrap { height: 540px }
.aboutLeft { width: 265px; height: 550px; background-color: #1e3485; position: absolute; left: 0; top: -55px; border-top: 3px solid #f3782c }
.aboutLogo { height: 70px; background-repeat: no-repeat; background-position: center top; margin-top: 55px }
.aboutText { margin-left: 30px }
.aboutText p.coname { position: relative; font-size: 42px; line-height: 80px; color: #fff; font-weight: bold; }
.aboutText p.coname:before { content: ""; overflow: hidden; position: absolute; left: 0; bottom: 0; width: 30px; height: 1px; background-color: #fff }
.aboutText p.intr { font-size: 14px; line-height: 24px; color: #fff; padding: 25px 0 10px; font-weight: bold; }
.aboutText p { font-size: 12px; line-height: 18px; color: #9d9d9d }
.aboutTel { padding: 10px 0 0 30px }
.aboutTel dl { height: 36px; padding-left: 40px; background-image: url(../images/abouttel.png); background-repeat: no-repeat; background-position: left 50%; color: #fff; margin-top: 20px }
.aboutTel dl dt { font-size: 12px; line-height: 16px; padding-top: 0 }
.aboutTel dl dd { font-size: 16px; line-height: 20px }
.aboutRight { padding: 0 0 0 306px }
.homeAbout .aboutLeft .aboutLogo { background: url(../images/logo-footer.png) center no-repeat; background-size: auto 100%; }
.aboutBox { position: relative; margin-top: 70px; float: left; width: 100% }
.aboutTitle { position: absolute; right: 0; top: 0 }
.aboutTitle li { width: 200px; float: left; text-align: center; cursor: pointer;  font width: 7200px;
position: relative; overflow: hidden; padding: 0px; margin: 0px; /* left: -2400px;*/
font-size: 16px; line-height: 56px; color: #555; position: relative; background-color: #fff; box-shadow: 0 4px 0 0 #bfbfbf }
.aboutTitle li.on { background-color: #da251d; box-shadow: 0 4px 0 0 #ae0f08; color: #fff }
.aboutCo { margin-top: 90px }
.aboutScroll { position: relative; padding-bottom: 70px }
.aboutScroll .sNext, .aboutScroll .sPrev { position: absolute; bottom: 0; margin-top: -17px; display: inline-block; width: 38px; height: 38px; background-image: url(../images/aboutpn.png); background-repeat: no-repeat; background-position: left top; -ms-transition-duration: 0s; transition-duration: 0s; z-index: 99; cursor: pointer }
.aboutScroll .sPrev { right: 39px; background-position: left top }
.aboutScroll .sNext { right: 0; background-position: right top }
.aboutScroll .sPrev:hover { background-position: left bottom }
.aboutScroll .sNext:hover { background-position: right bottom }
.aboutScroll .bd { overflow: hidden; position: relative }
.aboutCo .tempWrap { overflow: hidden; position: relative; width: 900px }
.aboutCo .tempWrap dl { float: left; width: 268px; }
.aboutCo .tempWrap .video1 { width: 272px; height: 211px; }
.aboutList { width: 7200px; position: relative; overflow: hidden; padding: 0px; margin: 0px;/* left: -2400px;*/
}
.aboutList dl { width: 270px; float: left; padding: 10px 10px 2px; background-color: #fff; margin-right: 12px }
.aboutList dl dt { overflow: hidden }
.aboutList dl dt, .aboutList dl dt img { width: 270px; height: 210px }
.aboutList dl dd { font-size: 14px; line-height: 46px; position: relative; margin: 0 10px; text-align: center; }
.aboutList dl dd:before { content: ""; overflow: hidden; position: absolute; right: 0; top: 50%; margin-top: -7px; width: 15px; height: 15px; }
.aboutList dl dt { text-align: center; }
.aboutList dl dt img { width: auto; height: 206px; }
.aboutList dl { width: 288px !important; }
.caseContent .more a { border-radius: 21px; margin-right: 20px; }
.caseContent .more a:nth-child(1) { background-color: #1e3485; box-shadow: 0 4px 0 0 #151515;}
.caseContent .more a:nth-child(2) { background-color: #ff5600; box-shadow: 0 4px 0 0 #a00003;}
.caseContent .more a:hover { filter: Alpha(opacity=80); opacity: .8 }
.caseContent .more { position: absolute; left: 0; bottom: 60px }
.caseContent .more a { display: inline-block; font-size: 14px; line-height: 42px; color: #fff; padding: 0 30px }
/*新闻部分*/
.newsHot dl dt img { width: auto !important; height: 100%; margin: auto; display: block; }
.home-faq-list dl { height: 109px !important; }
.newsList dl dd p.newintr { font-size: 14px; font-weight: 300; }
.home-newsfaq { padding: 50px 0; background-color: #fff }
.home-news { width: 1200px; position: relative }
.home-news-title { position: relative; border-bottom: 1px solid #ccc }
.home-news-title a { font-size: 24px }
.home-news-title li { float: left; font-size: 24px; line-height: 40px; color: #333; cursor: pointer; position: relative; margin-right: 150px; padding-bottom: 5px }
.home-news-title li.on { color: #ff5600 }
.home-news-title li.on:before { content: ""; overflow: hidden; position: absolute; left: 0; right: 0; bottom: -1px; height: 1px; background-color: #ff5600 }
.home-news-list { margin-top: 20px }
.newsHot dl { height: auto; padding: 0 0 15px }
.newsHot dl dt { width: 390px; height: 250px; float: left; overflow: hidden }
.newsHot dl dt img { width: 390px; height: 250px }
.newsHot dl dd { float: left; width: 780px; height: 250px; margin-left: 20px; position: relative }
.newsHot .date { width: 100%; height: auto; }
.newsHot .date p { font-size: 46px; line-height: 40px; color: #ff5600; font-weight: bold; }
.newsHot .date span { font-size: 14px; line-height: 25px; color: #666 }
.newsHot dl dd p.th { font-size: 16px; color: #111; line-height: 30px; padding: 20px 0 5px; font-weight: bold; }
.newsHot dl dd p.intr { font-size: 14px; line-height: 22px; color: #777 }
.newsHot dl dd p.more { position: absolute; left: 0; bottom: 0; font-weight: bold; }
.newsHot p.more span { display: inline-block; font-size: 15px; line-height: 26px; color: #555; padding: 0 25px 0 0; position: relative }
.newsHot p.more span:before { content: ""; overflow: hidden; position: absolute; right: 10px; top: 50%; margin-top: -4px; width: 0; height: 0; border: 4px solid transparent; border-left-color: #555 }
.newsHot dl a:hover dd p.th { color: #ff5600; text-decoration: none; }
.newsHot a:hover h5 span { color: #da251d }
.newsHot a:hover h5 span:before { border-left-color: #da251d }
.newsList dl { border-top: 1px dotted #ccc; padding: 5px 0; height: auto }
.newsList dl a { display: block; }
.newsList dl dt { width: 70px; padding: 0 0px 0 10px; float: left; text-align: left }
.newsList dl dt p { font-size: 43px; line-height: 36px; color: #ff5600 }
.newsList dl dt span { font-size: 13px; line-height: 22px; color: #666 }
.newsList dl dd { width: calc(100% - 80px); float: left; }
.newsList dl dd p.th { font-size: 16px; line-height: 33px; color: #333; font-weight: bold; }
.newsList dl a:hover dd p.th { color: #ff5600; text-decoration: none; }
.newsList dl dd p { font-size: 12px; line-height: 24px; color: #888 }
.newsList dl a:hover dd h3 { color: #ff5600; text-decoration: none; }
.home-faq { width: 360px; margin-left: 40px; position: relative }
.home-faq .tempWrap { overflow: hidden; position: relative; height: 436px }
.home-faq .home-faq-list { height: 1635px; position: relative; padding: 0px; margin: 0px; top: -788px; }
.home-faq .home-faq-list dl { height: 78px; }
.homeFapPic { margin-top: 20px }
.faqMarquee { height: 318px; position: relative; overflow: hidden; margin-top: 20px }
.home-faq-list dl { padding: 15px 0; border-top: 1px dotted #ccc }
.home-faq-list dl dd, .home-faq-list dl dt { position: relative; padding-left: 35px }
.home-faq-list dl dt { font-weight: 700; font-size: 14px; line-height: 24px; color: #333 }
.home-faq-list dl a:hover dt { color: #ff5600; text-decoration: none }
.home-faq-list dl dd { font-size: 14px; line-height: 22px; margin-top: 10px; color: #666 }
.home-faq-list dl dd span, .home-faq-list dl dt span { position: absolute; left: 0; top: 0; width: 24px; height: 24px }
.home-faq-list dl dt span { background: url(../images/faq-a.png) no-repeat left 0 }
.home-faq-list dl dd span { background: url(../images/faq-q.png) no-repeat left 0; top: 0 }
/*产品部分、*/
.caseContent .half { width: 50%; }
.caseContent .l p.protit { height: 36px; line-height: 36px; font-weight: bold; }
.caseContent .l p { height: 36px; line-height: 36px; }
.caseContent .l p.protit { font-size: 16px; margin-top: 8px; margin-top: 20px; font-weight: bold; }
.caseContent .l p { font-size: 14px; }
.caseContent .l .btn { background: #EEE; color: #333; padding: 8px 15px; margin-top: 8px; display: block; width: 110px; text-align: center; }
.caseContent .r ul li { display: block; }
.caseContent .r ul li:after { display: block; content: ''; clear: both; }
.caseContent .r ul li:nth-child(1) div, .caseContent .r ul li:nth-child(1) a { float: left; width: 50%; display: block; }
.caseContent .r ul li:nth-child(2) div, .caseContent .r ul li:nth-child(2) a { float: right; width: 50%; display: block; }
.caseContent .r ul li a img { width: 100%; height: 300px; }
.caseContent .r ul li div { padding: 0 10% 0 10%; background: #EEE; height: 300px; }
.caseContent .r ul li div p.protit { margin-top: 40px; font-size: 16px; height: 41px; line-height:45px;font-weight: bold; overflow: hidden; text-overflow: ellipsis; }
.caseContent .r ul li div p { margin-top: 20px; font-size: 14px; text-align: justify;line-height: 2; }
.caseContent .r ul li div a { margin-top: 40px; font-size: 14px; height: 36px; display: block; text-align: left; }
.homeHy .caseContent { display: block; margin-top: 55px; }
.caseContent dd { width: 48%; margin-right: 1%; margin-left: 1%; height: 400px; visibility: visible; animation-delay: 200ms; animation-name: fadeInLeft; }
.caseTitle { background: none; }
.caseTitle li { width: 200px; margin: 0 19px 13px 21px; float: left; text-align: center; cursor: pointer; font-size: 16px; line-height: 40px; color: #fff; position: relative; border-radius: 20px; border: 1px solid silver; }
.caseTitle li.on { background-color: #1e3485; }
.caseTitle li.on a { color: #FFF; }
/*优势*/
.hyList dl { position: absolute; background-repeat: no-repeat }
.hyList dl dt { font-size: 26px; line-height: 40px; font-weight: 700; color: #ff5600; padding: 15px 0 5px; text-align: left; }
.hyList dl dd { font-size: 14px; line-height: 2; text-align: left; color: #333; width: 266px; }
.hyListLeft { text-align: right; float: left; width: 400px; position: relative; padding-top: 45px }
.hyListLeft dl { background-position: right 50%; padding-right: 195px; left: 0; right: 40px; top: 0 }
.hyListLeft dl:nth-child(2) { right: 42px; top: 150px }
.hyListLeft dl:nth-child(3) { right: 40px; top: 440px }
.hyListRight { text-align: left; float: right; width: 400px; position: relative; padding-top: 45px }
.hyListRight dl { background-position: left 50%; padding-left: 95px; left: 40px; right: 0; top: 0 }
.hyListRight dl:nth-child(2) { left: 82px; top: 240px }
.hyListRight dl:nth-child(3) { left: 40px; top: 485px }
.hyList { position: relative; margin-top: 80px; height: 620px; background: url(../images/hy-tu.png) no-repeat center 22px }
/* 服务 */
.index-page { border-bottom: 2px dashed #999; }
.index-page .sec3 { height: 700px; padding: 100px 0 190px; }
.index-page .sec3 .inner { width: 1400px; margin: 0 auto; max-width: 92%; }
.index-page .sec3 .top .title { float: left; width: 25.4%; }
.index-page .sec3 .top .title h3 { font-size: 40px; color: #333; font-weight: bold; margin-bottom: 10px; }
.index-page .sec3 .top .title p { font-size: 20px; color: #277bd1; font-family: "HelveticaRoman"; }
.index-page .sec3 .top .map-box { float: right; width: 72.6%; position: relative; overflow: hidden; }
.index-page .sec3 .top .map-box img { width: 100%; }
.index-page .sec3 .top .map-box .icon { position: absolute; left: 0; top: 0; animation: updown 1s infinite; -webkit-animation: updown 1s infinite; }
@keyframes 
updown {  0% {
 top: -2.5%;
}
 100% {
 top: 0;
}
}
@-webkit-keyframes 
updown {  0% {
 top: -2.5%;
}
 100% {
 top: 0;
}
}
.index-page .sec3 .top .text-box { float: left; width: 25.4%; margin-top: 6.1%; }
.index-page .sec3 .top .text-box .line { height: 1px; width: 100%; background-color: #d2d2d2; margin: 12.4% 0; }
.index-page .sec3 .top .text-box .box { background-repeat: no-repeat; background-position: center right; background-image: url(../images/index_sec3_box_icon.png); font-size: 0; }
.index-page .sec3 .top .text-box .box p { font-size: 22px; color: #fff; background-color: #277bd1; display: inline-block; vertical-align: baseline; margin-right: 4.2%; padding: 4px; }
.index-page .sec3 .top .text-box .box h5 { color: #277bd1; display: inline-block; white-space: nowrap; }
.index-page .sec3 .top .text-box .box h5 b { font-size: 100px; font-family: "trumpgothicpro"; font-weight: normal; vertical-align: baseline; line-height: 1; }
.index-page .sec3 .top .text-box .box h5 .word { font-size: 24px; font-weight: normal; display: inline-block; vertical-align: baseline; margin-left: 2.8%; position: relative; }
.index-page .sec3 .top .text-box .box h5 .plus { font-size: 22px; font-weight: normal; position: absolute; left: 0; bottom: 3em; }
/* 服务 */
/* 解决方案 */
.index-page5 .sec5 { padding: 100px 0; }
.index-page5 .sec5 .inner { width: 1400px; margin: 0 auto; max-width: 92%; }
.index-page5 .sec5 .title { margin-bottom: 50px; }
.index-page5 .sec5 .title h3 { font-size: 40px; color: #333; font-weight: bold; margin-bottom: 10px;line-height: 2; }
.index-page5 .sec5 .title p { font-size: 20px; color: #277bd1; font-family: "HelveticaRoman"; }
.index-page5 .sec5 .tab-content img { width: 100%; display: none; }
.index-page5 .sec5 .tab-content img.active { display: block; }
.index-page5 .sec5 .tab-control { font-size: 0; background-color: #1e3485; height: 114px; display: table; width: 100%; }
.index-page5 .sec5 .tab-control a { display: table-cell; vertical-align: middle; text-align: center; width: 10%; opacity: 0.7; position: relative; height: 100%; }
.index-page5 .sec5 .tab-control a.active { opacity: 1; }
.index-page5 .sec5 .tab-control a img { margin-bottom: 10px; }
.index-page5 .sec5 .tab-control a p { font-size: 16px; color: #fff;/*font-weight: lighter;*/
}
.index-page5 .sec5 .tab-control a.active p { font-weight: normal; }
.index-page5 .sec5 .tab-control a .tri { border-style: solid; border-width: 0px 9px 9px 9px; border-color: transparent transparent #1e3485 transparent; position: absolute; left: 50%; margin-left: -9px; top: -9px; display: none; }
.index-page5 .sec5 .tab-control a.active .tri { display: block; }
/* 解决方案 */
/*只为提供上乘产品5个小优势*/
.ylbg { background: url(../images/ylbg.jpg) no-repeat center center; height: 723px; }
.ylbg ul { padding-top: 50px; }
.ylbg ul li { height: 234px; width: 240px; }
.ylbg ul li span { color: #0071bf; }
.ylbg ul li p { padding: 20px 0 20px 0;line-height: 2; }
.ylbg ul.r li { text-align: right; }
.ylbg ul.r li p.tel { font-size: 26px; font-weight: bold; }
.ylbg ul.r li p.num { font-size: 32px; padding: 2px 45px 21px 0; font-weight: bold; width: 306px; }
p.white { color: white; }
/*生产流程*/
.homeLc { height: 550px; width: 100%; background: url(../images/liucheng.jpg) no-repeat center center; background-size: auto 100%; }
.homeLc .lcword { text-align: center; font-size: 20px; line-height: 30px; padding-top: 15px; letter-spacing: 2px; }
.lcbtn { width: 160px; height: 40px; border-radius: 20px; display: block; margin: 30px auto; background-color: white; color: #1e3485; line-height: 40px; text-align: center; font-size: 16px; }
.lcbtn:hover { color: #FFF; background-color: #ff5600; }
.scale img { -ms-transition-duration: .3s; transition-duration: .3s }
.scale a:hover img { -ms-transform: scale(1.1); transform: scale(1.1) }
.uline a { display: inline-block; position: relative; overflow: hidden }
.uline a span { position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background-color: #fff }
/*客服系统*/
.kefuBox { position: fixed; z-index: 1000; top: 180px; right: 0; width: auto; }
.kefuBox .kefuLeft { float: left; overflow: hidden; width: 30px; height: 157px; cursor: pointer }
.kefuBox .kefuRight { display: block; float: left; overflow: hidden; width: 155 }
.kefuBox .kefuTop { width: 154px; height: 46px; background: url(../images/kefu_top.png) no-repeat }
.kefuBox .kefuBottom { width: 154px; height: 12px; background: url(../images/kefu_bottom.png) no-repeat }
.kefuBox .kefuCont { width: 154px; padding: 0 12px; background: url(../images/kefu_line.png) repeat-y; overflow: hidden }
.kefuBox .kefuCont ul { margin: 0; padding: 0 }
.kefuBox .kefuCont ul li { width: 132px; line-height: 28px; overflow: hidden; height: 28px; padding-left: 40px; padding-right: 10px; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 5px }
.kefuBox .kefuCont ul li a { color: #333 }
.kefuBox .kefuCont ul li.pic { width: 130px; height: 89px; margin-bottom: 10px; padding: 0 }
.kefuBox .kefuCont ul li.qq { background: url(../images/qq.png) no-repeat }
.kefuBox .kefuCont ul li.wang { background: url(../images/wangwang.png) no-repeat }
.kefuBox .kefuCont ul li.spk { background: url(../images/skype.png) no-repeat }
.kefuBox .kefuCont ul li.codeer { display: block; width: 130px; height: 178px; text-align: center; color: #fff; padding: 10px 0 0; font-family: 微软雅黑; font-size: 14px; margin-bottom: 0 }
.kefuBox .kefuCont ul li.codeer p { display: block; height: 35px; line-height: 35px }
.kefuBox .kefuCont ul li.codeer span { display: block; width: 116px; height: 116px; padding: 7px; background: url(../images/cobj.png) no-repeat }
.kefuBox .kefuCont ul li.codeer span img { width: 116px; height: 116px }
#boc dl dt { position: relative }
#boc dl dt img { border: 1px solid #e5e5e5; padding: 4px }
#boc dl dt span { position: absolute; overflow: hidden; background-color: #1f317f; display: none }
#boc dl dt span.botop { left: 0; right: 0; top: 0; width: 100%; height: 1px }
#boc dl dt span.boleft { left: 0; bottom: 0; top: 0; height: 100%; width: 1px }
#boc dl dt span.boright { right: 0; bottom: 0; top: 0; height: 100%; width: 1px }
#boc dl dt span.bobottom { left: 0; right: 0; bottom: 0; width: 100%; height: 1px }
.sideRight { width: 40px; position: fixed; right: 0; top: 250px }
.sideIn { width: 40px; height: 40px; margin-top: 1px; position: relative; cursor: pointer; background-color: #555 }
.sideIn:hover { background-color: #333 }
.sideIn ul { display: none; position: relative }
.sideIn h6 { width: 40px; height: 40px; overflow: hidden; background-position: left top; background-repeat: no-repeat }
.sideRight-qq h6 { background-image: url(../images/icon-qq.png) }
.sideRight-code h6 { background-image: url(../images/icon-wx.png) }
.sideRight-tel h6 { background-image: url(../images/icon-tel.png) }
.sideRight-top h6 { background-image: url(../images/icon-top.png) }
.sideRight-qq ul { position: absolute; top: 0; right: 0; height: 40px; width: 300px }
.sideRight-qq ul:after { width: 0 }
.sideRight-qq li { position: relative; float: right; width: 40px; height: 40px; background-color: #555; margin-left: 1px }
.sideRight-qq li a { display: block; height: 40px; background: url(../images/icon-qq.png) no-repeat left top }
.sideRight-qq li:hover a { background-color: #37b5ff }
.sideRight-code ul, .sideRight-tel ul { background-color: #37b5ff }
.sideRight-code ul:after, .sideRight-tel ul:after { content: ""; overflow: hidden; position: absolute; right: -12px; top: 50%; margin-top: -6px; width: 0; height: 0; border: 6px solid transparent; border-left-color: #37b5ff }
.sideRight-tel ul { position: absolute; top: 0; right: 40px; height: 40px; padding: 0 15px; font-weight: 700; font-size: 18px; line-height: 40px; color: #fff; white-space: nowrap }
.sideRight-code ul { position: absolute; width: 110px; height: 110px; right: 40px; top: -41px; padding: 6px }
.sideRight-code ul img { width: 110px; height: 110px }